<%@ page language="java" import="java.util.*" pageEncoding="utf-8" isELIgnored="false"%>
<%@include file="/common/taglibs.jsp" %>
<%@include file="/common/no-cache.jsp" %>
<%@include file="/common/common-header.jsp" %>
<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="${ctx}/resources/css/bootstrap/bootstrap.min.css" rel="stylesheet" media="screen">

 <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
  </head>
  <body>
   <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="${ctx}/">测试</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="${ctx}/">首页</a></li>
              <li><a href="#about">内容管理</a></li>
              <li><a href="#contact">关于我们</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
	<div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">文章管理</li>
              <li class="active"><a href="${ctx}/admin/blog">文章</a></li>
              
              <li class="nav-header">相册管理</li>
              <li><a href="${ctx}/admin/photo">图片</a></li>
              
              <li class="nav-header">留言管理</li>
              <li><a href="${ctx}/admin/message">留言</a></li>
              
              <li class="nav-header">音乐管理</li>
              <li><a href="${ctx}/admin/music">音乐</a></li>

              <li class="nav-header">个人资料</li>
              <li><a href="${ctx}/admin/personal">音乐</a></li>
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
      
	  <div class="span9">

		<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">权限管理</a>
    <ul class="nav">
      <li class="active"><a href="#">用户管理1</a></li>
      <li><a href="#">用户管理2</a></li>
      <li><a href="#">用户管理3</a></li>
    </ul>
  </div>
</div>

<div class="btn-group">
  <button class="btn">添加</button>
 
</div>

<table class="table">
<thead>
  <tr>
    <th>#</th>
    <th>First Name</th>
    <th>Last Name</th>
    <th>Username</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>1</td>
    <td>Mark</td>
    <td>Otto</td>
    <td>@mdo</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Jacob</td>
    <td>Thornton</td>
    <td>@fat</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Larry</td>
    <td>the Bird</td>
    <td>@twitter</td>
  </tr>
</tbody>
</table>
<div class="pagination pagination-centered">
              <ul>
                <li class="disabled"><a href="#">«</a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">»</a></li>
             </ul>
            </div>
	  </div>


      </div><!--/row-->



      <hr>

      <footer>
        <p>© Company 2013</p>
      </footer>



    </div>



    <script src="${ctx}/resources/js/jquery.js"></script>
    <script src="${ctx}/resources/js/bootstrap/bootstrap.min.js"></script>
  </body>
</html>
